<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <title>维修保养</title>
    <link rel="stylesheet" href="../css/api.css">
    <link rel="stylesheet" href="../css/vant.css">
    <link rel="stylesheet" href="../css/main.css">
    <style>
        .van-field__body textarea {
            width: 3.51rem;
            height: 1.36rem !important;
            /* border: .01rem solid #EBEBEB; */
            border-radius: .05rem;
            padding: .1rem .08rem;
        }
    </style>
</head>

<body>
    <div class="app" v-cloak>

        <header>
            <div class="flex-x-s f7-header">
                <div class="title">
                    维修详情
                </div>

            </div>
        </header>
        <div class="pt">
            <div class="openapp-link">
                <img src="../image/share/openapp.png" alt="">
            </div>
            <div class="bgf iphonex-padding-bottom">
                <table></table>
                <van-swipe class="my-swipe ccwl-detail-swipe" :autoplay="3000" indicator-color="white">
                    <van-swipe-item v-for="(item,index) in detailMaintenance.banners" :key="index" class="flex-x-c">
                        <img src="../image/default/item_img.png" alt="">
                    </van-swipe-item>
                </van-swipe>
                <div class="ccwl-detail">
                    <div class="title">{{detailMaintenance.shopName}}</div>
                    <div class="label flex-x-s flex-wrap">
                        <div>{{detailMaintenance.publisherType==0?'自营':detailMaintenance.publisherType==1?'个人':'商家'}}</div>
                    </div>
                    <div class="area flex-x-sb">
                        <span>{{detailMaintenance.address}}</span>

                    </div>
                    <div class="line"></div>
                    <div v-if="true">
                        <div class="ccwl-wx-label">
                            <div class="content flex-x-s-s">
                                <div class="title">店铺类型</div>
                                <div class="label flex-x-s flex-wrap">
                                    <div v-for="(item,index) in detailMaintenance.types" :key="index">{{item.id}}</div>
                                </div>
                            </div>
                            <div class="content flex-x-s-s">
                                <div class="title">服务类型</div>
                                <div class="label flex-x-s flex-wrap">
                                    <div v-for="(item,index) in detailMaintenance.tags" :key="index">{{item.name}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="line"></div>
                        <div class="ccwl-hw-detail">
                            <div class="hwt">简介</div>
                            <div class="hwc">{{detailMaintenance.intro}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="share-qrcode">
                <div class="qrcode-icon">
                    <img src="../image/share/share-qrcode.png" alt="">
                </div>
                <div class="share-link">铁蟹网</div>
            </div>

        </div>
        <script src="../script/flexible.js"></script>
        <script src="../script/vue.min.js"></script>
        <script src="../script/iconfont.js"></script>
        <script src="../script/vant.min.js"></script>
        <script src="../script/common.js"></script>
        <script>
            // apiready = function() {
            vm = new Vue({
                el: '.app',
                data: {
                    objOpt: {

                        shareContent: "",
                        reportContent: "",
                        isCollect: false,
                    },
                    id: 1,
                    detailMaintenance: {},
                    isCollect: false,


                    options: [{
                        name: '微信好友',
                        icon: '../image/circle/wechat.png',
                    }, {
                        name: '微信朋友圈',
                        icon: '../image/circle/Wechat_Moments.png',
                    }],
                },
                mounted() {
                    //获取维修保养详情
                    // this.getData()
                    this.detailMaintenance = {
                        "id": "1356150667839823873",
                        "createTime": 1612166490000,
                        "updateTime": 1612771098000,
                        "shopId": "1",
                        "userId": "1",
                        "shopName": null,
                        "intro": "上海绽曙信息技术有限公司成立于2012年，始终致力于行业移动整体解决方案的商业策略、咨询设计、定制研发和用户推广等。公司注册资本人民币200万，现有技术人员70余人，已上线项目数百款，核心企业客户300余家，累计下载应用量数亿次。",
                        "publisherType": 0,
                        "address": "上海市松江区广富林路4855弄（星月·大业领地）105号楼4层",
                        "addressName": "星月·大业领地",
                        "areaId": "16522",
                        "location": "121.160598,31.047199",
                        "status": 1,
                        "phone": "18966668888",
                        "tags": [{
                            "id": "115",
                            "name": "维修"
                        }, {
                            "id": "116",
                            "name": "清洗"
                        }, {
                            "id": "117",
                            "name": "保养"
                        }],
                        "types": [{
                            "id": "1"
                        }],
                        "banners": [{
                            "id": "1358686576807305217",
                            "type": 0,
                            "imageUrl": "tp://aoupprod.oss-cn-beijing.aliyuncs.com/supplier/bd8c5ad3cf2e433babb0a21202bba172.png",
                            "videoId": ""
                        }]
                    }
                },
                methods: {},
            })
        </script>
</body>

</html>